.list-container{
    ul{
        clear: both;
        background: #fff;
        padding-top: .1rem;
        .comingTitle{
            padding: .2rem .1rem 0;
            font-size: .14rem;
            color: #333;
        }
        .main-block{
            display: flex;
            //flex: 1;
            height: 1.14rem;
            @include border(0 0 1px 0, #e8e8e8);
            img{
                width: .64rem;
                height: .9rem;
                margin: .1rem .1rem .12rem .1rem
            }
        }
        .content-wrapper{
            display: flex;
            flex: 1;
            height: .9rem;
            margin: .1rem .1rem .12rem .05rem;
            position: relative;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            .column{
                display: flex;
                flex: 1;
                flex-direction: column;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                padding-right: .05rem;
                .movie-title{
                    display: flex;
                    .title{
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        font-size: .17rem;
                        color: #333;
                        font-weight: 700;
                        line-height: .24rem;
                    }
                    .version{
                        transform: scale(.7);
                        .d{
                            background: #3c9fe6;
                            color: #fff;
                            border: 1px solid #3c9fe6;
                            border-radius: 2px 0 0 2px;
                            height: .18rem;
                            line-height: .17rem;
                        }
                        .imax{
                            color: #3c9fe6;
                            border: 1px solid #3c9fe6;
                            border-radius: 0 2px 2px 0;
                            height: .18rem;
                            line-height: .17rem;
                            padding-right: .02rem;
                        }
                    }
                
                }
                .score-suffix{
                    font-size: .13rem;
                    color: #333;
                }
                .grade{
                    font-weight: 700;
                    color: #faaf00;
                    font-size: .18rem;
                }
                .actor{
                    font-size: .13rem;
                    color: #666;
                    margin-top: .03rem;
                    line-height: .15rem;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    
                }
                .show-info{
                    color: #666;
                    font-size: .13rem;
                    margin-top: .06rem;
                    line-height: .15rem;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
            }
            .button-block{
                .btn-red{
                    position: relative;
                    top: .3rem;
                    margin: auto;
                    display: block;
                    width: .47rem;
                    height: .27rem;
                    line-height: .27rem;
                    border-radius: .04rem;
                    background: #f03d37;
                    text-align: center;
                    margin-right: .25rem;
                }
                .btn-blue{
                    position: relative;
                    top: .3rem;
                    margin: auto;
                    display: block;
                    width: .47rem;
                    height: .27rem;
                    line-height: .27rem;
                    border-radius: .04rem;
                    background: #3c9fe6;
                    text-align: center;
                    margin-right: .25rem;
                }
                .btn-yellow{
                    position: relative;
                    top: .3rem;
                    margin: auto;
                    display: block;
                    width: .47rem;
                    height: .27rem;
                    line-height: .27rem;
                    border-radius: .04rem;
                    background: #faaf00;
                    text-align: center;
                    margin-right: .25rem;
                }
                .fix{
                    color: #fff;
                    font-size: .12rem;
                    text-align: center;
                    
                }
            }
            
        }
    }
    .head,.foot{
        display: flex;
        align-items: center;
        justify-content: center;
        height: .4rem;
      }
      .head img,.foot img{
        width: .16rem;
        height: .16rem;
        -webkit-transtion: transform 150ms;
        transition: transform 150ms;
      }
      .head img{
        transform: rotate(180deg)
      }
      .up{
        transform: rotate(360deg) !important;
        -webkit-transform: rotate(360deg) !important;
      }
      .down{
        transform: rotate(180deg);
      }
}